<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>画师</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/huashi.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <!-- 引入swiper css 文件 -->
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">

</head>

<body>
    <!-- 头部 -->
    <header class="header-wrap">
        <!-- 这个弹弹弹 -->
        <div class="header-container">
            <!-- 这个是logo盒子  我133-->
            <div class="logo">
                <a href="#javascript:;">
                    <img src="./uploads/logo.e642e65.svg" alt="">
                </a>
            </div>
            <!-- 这个是导航栏 -->
            <ul class="nav">
                <li>
                    <a href="#javascript:;">
                        首页
                    </a>
                </li>
                <li>
                    <a href="#javascript:;">
                        新作
                    </a>
                </li>
                <li>
                    <a href="#javascript:;">
                        热门
                    </a>
                </li>
                <li>
                    <a href="#javascript:;">
                        榜单
                    </a>
                    <i></i>
                </li>
                <li>
                    <a href="#javascript:;">
                        画师
                    </a>
                </li>
                <li>
                    <a href="#javascript:;">
                        资讯
                    </a>
                </li>
            </ul>
            <!-- 这是输入框 -->
            <div class="search">
                <div class="ipt">
                    <input type="text" autocomplete="off" placeholder="输入你要找的作品或画师">
                </div>
                <div class="fdj iconfont">&#xe610;</div>
            </div>
            <!-- 这是投稿 -->
            <a href="#javascript:;" class="upload">
                <div class="fly iconfont">&#xe61c;</div>
                <span>投稿</span>
            </a>
            <!-- 这是登录 -->
            <div class="register">
                <button>
                    <span>登录</span>
                </button>
                <div class="oneoneone"></div>
                <button>
                    <span>注册</span>
                </button>
            </div>
        </div>
    </header>


    <!-- 包含整个的大盒子 -->
    <div class="painter">
        <!-- 信息流 left_box -->
        <!-- 1 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img ysg">
                    <img src="./uploads/touxiang1.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>551</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <span>421</span>
                        </div>
                        <div class="painter_num_item">
                            <span class="star">
                                <i class="iconfont icon-favorfill"></i>
                                <i class="iconfont icon-favorfill"></i>
                                <i class="iconfont icon-favorfill"></i>
                                <i class="iconfont icon-favorfill"></i>
                                <i class="iconfont icon-favorfill"></i>
                            </span>
                            <span>111</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？ 描かなくなってからも進撃はコミックスでずっと追っかけてたんだけど final season始まって描きたい意欲が急に湧いてきたのでラストまで出来るかぎりいろいろ描いてみる予定
                ◆イラスト転載の承諾確認のメッセージをいただくことがありますが申し訳ありませんがお断りさせていただいております
            </div>
            <!-- 图片内容 -->
            <div class="work_list">
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content1.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content2.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content3.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content4.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content5.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content6.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content7.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content8.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>
                <div>
                    <a href="JavaScript:;">
                        <img src="./uploads/content9.webp" alt="">
                        <p>まさに何でも許された</p>
                    </a>
                </div>

            </div>
        </div>
        <!-- 2 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img giao">
                    <img data-lazy-src="./uploads/touxiang2.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <!-- <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i>
                            <i class="iconfont icon-likefill"></i> -->
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content10.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content11.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content12.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content13.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content14.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content15.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content16.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content17.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content18.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 3 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img sxc">
                    <img data-lazy-src="./uploads/touxiang3.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content19.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content20.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content21.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content22.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content23.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content24.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content25.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content26.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content27.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 4 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img">
                    <img data-lazy-src="./uploads/touxiang4.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content28.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content29.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content30.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content31.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content32.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content33.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content34.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content35.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content36.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 5 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img">
                    <img data-lazy-src="./uploads/touxiang2.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <!-- <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i> -->
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content10.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content11.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content12.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content13.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content14.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content15.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content16.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content17.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content18.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 6 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img">
                    <img data-lazy-src="./uploads/touxiang3.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content19.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content20.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content21.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content22.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content23.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content24.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content25.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content26.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content27.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 7 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img">
                    <img data-lazy-src="./uploads/touxiang4.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content28.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content29.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content30.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content31.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content32.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content33.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content34.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content35.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content36.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 8 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img">
                    <img data-lazy-src="./uploads/touxiang2.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <!-- <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i>
                        <i class="iconfont icon-likefill"></i> -->
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content10.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content11.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content12.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content13.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content14.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content15.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content16.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content17.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content18.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 9 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img">
                    <img data-lazy-src="./uploads/touxiang3.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content19.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content20.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content21.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content22.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content23.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content24.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content25.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content26.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content27.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 10 -->
        <div class="left_box">
            <div class="painter_info">
                <div class="face_img">
                    <img data-lazy-src="./uploads/touxiang4.webp" alt="">
                </div>
                <div class="painter_info_middle">
                    <div class="painter_name"></div>
                    <div class="painter_num">
                        <div class="painter_num_item">
                            <i class="iconfont icon-friendaddfill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-likefill"></i>
                            <span>100w</span>
                        </div>
                        <div class="painter_num_item">
                            <i class="iconfont icon-favorfill"></i>
                            <span>100w</span>
                        </div>

                    </div>
                </div>
                <div class="follow_btn">关注</div>
            </div>
            <div class="painter_content">
                pixiv放置すること早6年…？
                <!-- 图片内容 -->
                <div class="work_list">
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content28.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content29.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content30.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content31.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content32.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content33.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content34.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content35.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>
                    <div>
                        <a href="JavaScript:;">
                            <img data-lazy-src="./uploads/content36.webp" alt="">
                            <p>まさに何でも許された</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 热门画师  right_box -->
        <div class="right_box">
            <div class="right_title">热门画师</div>
            <!-- 轮播图部分 -->
            <div class="hot_painter">
                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide11.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide12.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="head-img">
                                <a href="javascript:;">
                                    <img src="./uploads/head11.jpg" alt="">
                                </a>
                                <p>卢本伟_55开</p>
                            </div>
                            <div class="head-img">
                                <a href="javascript:;">
                                    <img src="./uploads/head12.jpg" alt="">
                                </a>
                                <p>pdd_liumou</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide21.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide22.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="head-img">
                                <a href="javascript:;">
                                    <img src="./uploads/head21.jpg" alt="">
                                </a>
                                <p>郭老师</p>
                            </div>
                            <div class="head-img">
                                <a href="javascript:;">
                                    <img src="./uploads/head22.jpg" alt="">
                                </a>
                                <p>冬泳怪鸽</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide31.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide32.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="head-img ysg">
                                <a href="javascript:;">
                                    <img src="./uploads/head31.jpg" alt="">
                                </a>
                                <p>药水哥s</p>
                            </div>
                            <div class="head-img giao">
                                <a href="javascript:;">
                                    <img src="./uploads/head32.jpg" alt="">
                                </a>
                                <p>giao桑</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide41.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide42.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="head-img">
                                <a href="javascript:;">
                                    <img src="./uploads/head41.jpg" alt="">
                                </a>
                                <p>罗老师别这样</p>
                            </div>
                            <div class="head-img">
                                <a href="javascript:;">
                                    <img src="./uploads/head42.jpg" alt="">
                                </a>
                                <p>Are you ok</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide51.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="slide-img">
                                <a href="JavaScript:;">
                                    <img src="./uploads/slide52.webp" alt="">
                                    <p>まさに何でも許された</p>
                                </a>
                            </div>
                            <div class="head-img sxc">
                                <a href="javascript:;">
                                    <img src="./uploads/head51.jpg" alt="">
                                </a>
                                <p>孙笑川</p>
                            </div>
                            <div class="head-img">
                                <a href="javascript:;">
                                    <img src="./uploads/head52.jpg" alt="">
                                </a>
                                <p>茄子</p>
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <!-- 二维码 dowmload -->
        <div class="app-download">
            <div class="qq-group">
                <div class="qq-group-title">绘画交流18群</div>
                <a href="javascript:;"><i class="iconfont icon-QQ"></i><span>加入QQ群</span></a>
            </div>
            <div class="qq-group">
                <div class="qq-group-title">美图交流19群</div>
                <a href="https://jq.qq.com/?_wv=1027&k=ZyXNday1"><i class="iconfont icon-QQ"></i><span>加入QQ群</span></a>
            </div> <img src="./uploads/download.png" class="qrcode">
            <p class="app-desc"><span>画师通APP,世界更精彩</span></p>
        </div>
    </div>



    <footer class="footer">
        <div class="footer-main">
            <div class="footer-content">
                <div class="top">
                    <i class="tong">
                        <img src="./images/huashi.jpg" alt="">
                    </i>
                    <p>画师通是国内优秀原创画师的聚集地，您可以在画师通发表您的原创作品，查看、关注您喜爱的画师与作品</p>
                </div>
                <div class="line"></div>
                <div class="center">
                    <div class="left">
                        <div class="list">
                            <a href="#javascript:;" class="btn">
                                <i>&#xe667;</i>
                                画师通美图交流群
                            </a>
                            <a href="#javascript:;" class="btn">
                                <i>&#xe667;</i>
                                画师通绘画交流群
                            </a>
                            <a href="#javascript:;" class="zi">作品标签</a>
                            <a href="#javascript:;" class="zi">全部画师</a>
                        </div>
                        <p>免责声明：本站部分内容来源于网络，图片版权属于原作者，本站转载仅供大家交流学习，切勿用于任何商业用途；本站不承担用户因使用这些资源，对自己和他人造成任何形式的损害或伤害；如果侵犯了您的合法权益，请您及时与我们联系，我们会在第一时间删除相关内容。
                        </p>
                        <p>联系方式： huashi6_hst@163.com</p>
                        <p>联系QQ：2230152588</p>
                    </div>
                    <div class="right">
                        <div>
                            <img src="./images/liutong.jpg" alt="">
                            <p>刘童酱</p>
                        </div>
                        <div>
                            <img src="./images/ljy.jpg" alt="">
                            <p>林鲸渔</p>
                        </div>
                        <div>
                            <img src="./images/lj.jpg" alt="">
                            <p>刘子酱</p>
                        </div>
                    </div>
                </div>
                <a href="#javascript:;" class="case">
                    <img src="./images/police.2ebe1f4.png" alt="">

                    沪ICP备19046119号

                </a>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <img src="./images/download.svg" alt="" class="huahuahua">
                    <div class="footer-logo">

                        登录后收藏更多好作品 :

                        <img src="./images/weibo.e381618.png" alt="">
                        <img src="./images/weixin.a274e74.png" alt="">
                        <img src="./images/qq.b784952.png" alt="">
                        <i class="close">x</i>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- 背景特效 -->
    <!-- <canvas id="canvas"></canvas> -->
    <!-- 返回顶部 -->
    <a href="javascript:;" class="cd-top">Top</a>
    <!-- 还没写呢-->
    <div class="dnm">
        <span>马上就写 别催</span>
        <div id="bubble"></div>
    </div>
    <script src="./js/jQuery.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/EasyLazyload.min.js"></script>
    <!-- 引入swiper js 文件 -->
    <script src="./js/swiper-bundle.min.js"></script>
    <!-- 引入自己的js文件 -->
    <script src="./js/huashi.js"></script>


</html>